<template>
	<view class="page">
		<view  v-if="list.length" @click="go(item)" class="u-flex shadow u-margin-top-20" v-for="(item,index) in list" :key='index'>
			<view>
				<u-image :src="item.cover" border-radius="20" width="280" height="200"></u-image>
			</view>
			<view class="u-margin-left-20  ">
				<view class="u-font-lg u-font-weight u-line-2">{{item.title}}</view>
				<view class="u-margin-top-20 $u-type-info">
				<u-icon name="map-fill" color="#818DFF"></u-icon>
				{{item.city}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	import loader from '@/common/loadPage.js';
	export default {
		mixins: [loader],
		data() {

			return {
				tabbar: [],
				nav: [],
				current: 0,
				list: [],
				initial: {
					geturl: "/index/cases",
					parm: {
					 store_id: '',
					},
					isPage: true
				},

			}
		},
		async onLoad(options) {
			if(options.id){
				this.initial.parm.store_id=options.id;
				this.getGoods()
			}
			
		},
		methods: {
			
			
		}
	}
</script>


<style>
	.page {
		background: #F1F1F1;
		min-height: 100vh;
	}
	.list{
		background: #fff;
	    width:700rpx;
		 margin: 20rpx auto;
		 padding: 20rpx;
	}
</style>
